@extends('home.layouts.main')

@section('title', '首页')

@section('precontent')

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li class="" data-slide-to="0" data-target="#myCarousel"></li>
            <li class="" data-slide-to="1" data-target="#myCarousel"></li>
            <li class="active" data-slide-to="2" data-target="#myCarousel"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item">
                <img class="first-slide" alt="First slide" src="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Example headline.</h1>
                        <p>
                            Note: If you're viewing this page via a
                            <code>file://</code>
                            URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.
                        </p>
                        <p>
                            <a class="btn btn-lg btn-primary" role="button" href="#">Sign up today</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="second-slide" alt="Second slide" src="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Another example headline.</h1>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p>
                            <a class="btn btn-lg btn-primary" role="button" href="#">Learn more</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="item active">
                <img class="third-slide" alt="Third slide" src="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>One more for good measure.</h1>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p>
                            <a class="btn btn-lg btn-primary" role="button" href="#">Browse gallery</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" data-slide="prev" role="button" href="#myCarousel">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" data-slide="next" role="button" href="#myCarousel">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

@endsection